﻿
/*矩阵端口容器*/
.matrixPortContainer {
    height: 442px;
    overflow-y: scroll;
    background-color: aliceblue;
    border: 3px solid lavender;
    border-radius: 5px;
    padding: 20px;
}

/*矩阵端口类别标题*/
.matrixPortTypeTitleContainer {
    border: 3px solid lavender;
    border-bottom-width: 0px;
    border-radius: 5px;
    text-align: center;
}

.matrixPortTypeTitle {
    font-size: medium;
    font-weight: bold;
}

/*矩阵端口*/
.matrixPort,
.matrixPort-locking,
.matrixPort-selecting,
.matrixPort-linkToSrc,
.matrixPort-linkToSrc-selecting {
    cursor: pointer;
    float: left;
    border: 1px solid black;
    border-radius: 3px;
    width: 100px;
    padding: 2px;
}

.matrixPort-locking {
    font-weight: bold;
    color: red;
    border-color: red;
}

.matrixPort-locking-error {
    background-color: yellow !important;
}

.matrixPort-selecting {
    background-color: orange;
}

.matrixPort-linkToSrc {
    background-color: greenyellow;
}

.matrixPort-linkToSrc-selecting {
    background: linear-gradient(to right, greenyellow, orange);
    /*background: linear-gradient(greenyellow, orange);*/
}

/*图例样式*/
.legend-row {
    margin-top: 10px;
    margin-left: 0px;
}

.legend-container-error,
.legend-container-none,
.legend-container-lock,
.legend-container-selecting,
.legend-container-linkToSrc,
.legend-container-linkToSrc-selecting {
    width: 40px;
    border: 1px solid black;
    border-radius: 3px;
    margin-left: 8px;
    padding: 2px;
    color: black;
}

.legend-container-selecting {
    background-color: orange;
}

.legend-container-linkToSrc {
    background-color: greenyellow;
}

.legend-container-linkToSrc-selecting {
    background: linear-gradient(to right, greenyellow, orange);
}

.legend-container-error {
    background-color: yellow;
}

.legend-container-lock {
    color: red;
    border-color: red;
    font-weight: bold;
}